<template>
  <div id="app">
    <div>
      <br />
      <form class="form-inline" style="display:">
        <label>设备号:</label>
        <input
          type="text"
          id="deviceNumber"
          class="form-control"
          maxlength="12"
          onkeyup="value=value.replace(/[^\w]/g,'')"
        />
        <div style="display:none">
          <label>发布人:</label>
          <input type="text" id="userName" class="form-control" style="width:140px" />
          <label>车牌号:</label>
          <input type="text" id=" companyName" class="form-control" style="width:120px" />
        </div>
        <label for="name">&nbsp;发送状态:</label>
        <select id="sendState" class="form-control">
          <option value>全部</option>
          <option value="1">等待发送</option>
          <option value="0">正在发送</option>
          <option value="4">发送成功</option>
          <option value="10">发送失败</option>
        </select>

        <label>起始:</label>
        <input type="text" id="demo_datetime" class="form-control" />

        <label>结束:</label>
        <input type="text" id="demo_endtime" class="form-control" />
        <button type="button" id="select" class="btn btn-primary">查询</button>

        <button id="sxSend" class="btn btn-primary" type="button">刷新</button>
        <button  class="btn btn-info" type="button">清空时间</button>
      </form>
    </div>
    <div></div>
    <br />
    <div class="col-md-12" style="padding-right:0px;padding-left:0px;">
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title" style="margin-left: 500px;">发送列表</h3>
        </div>
        <div class="panel-body" style="height:100%;padding:0px;">
          <div class="jqGrid_wrapper">
            <table id="table_list_1"></table>
            <div id="pager_list_1"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
@import "../../../../static/css/ztree/metroStyle.css";

@import "../../../../static/css/mloading/jquery.mloading.css";
@import "../../../../static/css/time/mobiscroll.custom.min.css";

/* 滚动时间 */
</style>
<style  scoped>
#demo_datetime,
#demo_endtime {
  width: 150px;
}

#deviceNumber,
#sendState {
  width: 130px;
}
ul.ztree {
  margin-top: 10px;
  border: 1px solid #617775;
  background: #f0f6e4;
  width: 210px;
  height: 360px;
  overflow-y: scroll;
  overflow-x: auto;
}
.ztree {
  margin: 0;
  padding: 5px;
  color: #333;
}
::-webkit-scrollbar {
  width: 6px;
  /*height: 6px;*/
}
/*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
/*正常时候的主干部分*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}
/*鼠标悬浮在滚动条上的主干部分*/
::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.01);
}

/* @import '../../../../static/css/home/bootstrap.min.css';*/
</style>
<script>
//import loading from '../../../../static/js/Tree/companyTree.js'
//import loadingtow from '../../../../static/js/Tree/companyTreetow.js'
//import Vue from 'vue';
//Vue.use(loading);
import "../../../../static/js/jqgrid/jquery.jqGrid.min.js";
import "../../../../static/js/jqgrid/grid.locale-cn.js";
import "../../../../static/js/page/Program/listsed.js";
import "../../../../static/js/mloading/jquery.mloading.js";
import "../../../../static/js/time/dateTime.js"; /* 滚动时间 */
import "../../../../static/js/time/mobiscroll.custom.min.js";
//import loading from '@/views/tree/companylist.vue';
//import '../../../../static/js/md5.js';
export default {
  name: "app",
  data() {
    return {
      //selected:"",
      //lgvsRole:"",
      // userinfo:"",
      // selectedsex:"",
      // selectedzt:"",
      // selected: '01',   // 这里选择默认项
    };
  },
  mounted() {
    //console.log(hex_md5("123456").toUpperCase());
    //var self = this;
    // domain.jsonthis=this;
    // var json=[{"user_name":123}];
    // this.userinfo=json;alert(this.userinfo);
    // hex_md5("123456").toUpperCase()fcomponent
    // console.log(json.libraryBooks);
    //self.userinfo=json.libraryBooks;
  },
  methods: {}
};
</script>